.store {
	.stores-list{
		text-align: center;
		color: #000;
		z-index: 999;
		background: #fff;
		position: absolute;
		width: 100%;
		top: 44px;
		padding: 10px;
		color: #333;
		border-bottom: 1px solid #ddd;
		.store-name{
			vertical-align: middle;
			position: relative;
			font-size: .3rem;
		}
		i.icon-jiantou1{
			font-size: .4rem;
			vertical-align: middle;
			display: inline-block;
			transition: all .3s;
			&.up{
				transform: rotate(-180deg);
			}
		}
	}
	.list{
		z-index: 999;
		position: absolute;
		width: 4rem;
		height: 4rem;
		overflow: auto;
		// top: .5rem;
		// left: -2rem;
		// transform: translate(0.6rem,0);
		top: 84px;
		left: 50%;
		transform: translate(-50%,0);
		background: #fff;
		border-radius: 5px;
		text-align: center;
		box-shadow: 0 0 5px rgba(0, 0, 0, .5);
		ul{
			li{
				padding: .2rem 0;
			}
		}
	}
	.page-content {
		background-color: #fff;
		.btn{
			display: flex;
			justify-content: center;
			padding: 20px 0;
			button{
				margin: 0 10px;
				border: none;
				padding: 5px 10px;
				background-color: #ccc;
				color: #fff;
				text-align: center;
				&.active{
					background: #F54747;
				}
			}
		}
	}
	.tit{
		padding: 0 .2rem;
		margin: 0;
		b{
			color: #F54747;
		}
	}
	.chartLine {
		// margin-top: 60px;
		margin:0px 0 10px 0;
		width: 100%;
		height: calc( 50% - 60px );
	}
	.basicMsg {
		margin-top: 20px;
		padding: 0 10px;
		.msgItem {
			height: 1.2rem;
			line-height: .6rem;
			width: 23%;
			margin-right: 2%;

			border-radius: .2rem;
			background-color: #fff;
			box-shadow: 0 0 7px 0 #e1e6f3;
			.title {
				padding: 0 5%;
				height: 50%;
				font-size: .25rem;
				font-weight: 600;
				text-align: right;
			}
			.val {
				padding: 0 10%;
				height: 50%;
				font-size: .3rem;
				color: #f9b687;
				font-weight: 600;
			}
		}
		.msgItem.total {
			width: 25%;
		}
		.msgItem.color1 {
			color: #fff;
			background-image: linear-gradient(135deg,#FF979C,#F54747);
			.val {
				color: #fff;
			}
		}
		.msgItem.color2 {
			color: #fff;
			background-image: linear-gradient(135deg,#6eb6fb,#6b7fff);
			.val {
				color: #fff;
			}
		}
		.msgItem.color3 {
			color: #fff;
			margin-right: 0;
			background-image: linear-gradient(135deg,#c4e59e,#59e490);
			.val {
				color: #fff;
			}
		}
		.msgItem.color4 {
			color: #fff;
			background-image: linear-gradient(135deg,#6BF4FB,#24E3ED);
			.val {
				color: #fff;
			}
		}
		.msgItem.color5 {
			color: #fff;
			background-image: linear-gradient(135deg,#67FEDD,#04D6A9);
			.val {
				color: #fff;
			}
		}
		.msgItem.spec1 {
			width: 33%;
			.val {
				color: #3068ff;
			}
		}
	}
	.enterSystem {
		height: 10%;
		width: 100%;
		padding: 0 20px;
		position: absolute;
		bottom: 10px;
	}
}